<html>
	<head>
		<title>Quero Carona</title>
            <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" charset="utf-8" />
                
            <link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css">
			<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.css">
			<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-responsive.min.css">
			<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-responsive.css">
			<link rel="stylesheet" type="text/css" href="/assets/css/styles.css">
                
		<script type="text/javascript" src="/assets/js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="/assets/js/bootstrap.js"></script>
		<script type="text/javascript" src="/assets/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="/assets/js/bootstrap-modal.js"></script>
		<script type="text/javascript" src="/assets/js/script.js"></script>         
	</head>
	<body>
            <div class="canvas">
                <div class="blueLayer">
				<div class="grayLayer">
					<div id="top-buttons">
						<div id="parte1">
							<a class="btn btn-primary" id="btn_oferecer" href="ofertar">Oferecer</a>
							<!--<button class="btn btn-primary" data-toggle="modal" id="btn_oferecer" type="button" onClick="window.open('ofertar_vw')">Oferecer</button>-->
						</div>
                        <div id="parte2">	
                            <a class="btn btn-primary" id="btn_oferecer" href="solicitar">Solicitar</a>
                            <!--<button class="btn btn-primary" id="btn_solicitar" type="button" >Solicitar</button>-->
						</div>
                    </div>
                    <button class="btn btn-warning" id="btn_viagens">Historico de viagens</button>
				</div>

				<div class="ofertadas">
						<!--Din�mico-->
                                                <?php
                                                    foreach ($ofertadas as $value){
                                                ?>                                                
						<div class="itemOfertadas" id="item1">
							<div><img src="https://graph.facebook.com/<?php echo $value->id_usuario;?>/picture"  width="30" height="30" style="float:left"/></div>
                                                        <div><span><b><? echo $value->id_usuario; ?></b> solicitou carona de <b><? echo $value->origem; ?></b> para <b><? echo $value->destino; ?></b> dia <b> <? echo $value->data; ?> </b>.</span></div>
						</div>
                                                <?php } ?>
				</div>

				<div class="solicitadas">
                                                <?php
                                                    foreach ($solicitadas as $value){
                                                ?>                                                
						<div class="itemSolicitadas" id="item1">
							<div><img src="https://graph.facebook.com/<?php echo $value->id_usuario;?>/picture"  width="30" height="30" style="float:left"/></div>
                                                        <div><span><b><? echo $value->id_usuario; ?></b> ofertou carona de <b><? echo $value->origem; ?></b> para <b><? echo $value->destino; ?></b> dia <b> <? echo $value->data; ?> </b>.</span></div>
						</div>
						
                                                <?php } ?>
				</div>
			</div>
			<div class="quero_carona"></div>
			<div class="pergunta"></div>
			<div class="label_ofer"></div>
			<div class="label_soli"></div>
			<div class="divLogo"></div>
		</div>			
	</body>
</html>